<!doctype html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>QQ技术API-API聚合、免费、稳定、易用的webapi接口调用</title>
    <meta name="keywords" content="QQ技术API, API聚合,免费API、稳定API、易用的webapi接口调用" />
    <meta name="description" content="QQ技术API是个聚合、免费、稳定、易用的webapi接口调用" />

    <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/assets/css/iconfont.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/c/font_4757084_yuqwbv4rpeg.css">
    <link rel="stylesheet" href="/assets/css/main.css">
</head>

<body>
    <header id="header" class="header">
        <div class="header_container">
            <div class="header_content">
                <div class="header_left">
                    <a class="header_left_logo" href="/">
                        <img class="header_left_logo_pc"
                            src="https://qqwl.org/content/templates/monie_jj_v1.1.0/static/images/header/pc-logo.png"
                            alt="https://qqwl.org/">
                        <img class="header_left_logo_mobile"
                            src="https://qqwl.org/content/templates/monie_jj_v1.1.0/static/images/header/mobile-logo.png"
                            alt="https://qqwl.org/">
                    </a>

                    <nav class="header_left_nav">
                        <div class="header_left_nav_mobile_menu_wrap">
                            <div class="header_left_nav_mobile_menu">
                                首页
                                <i class="iconfont icon-jiantouxia yublog_header_down"></i>
                            </div>
                        </div>
                        <ul class="header_nav_list">
                            <li class="">
                                <a class="header_nav_list_item" href="/">首页</a>
                            </li>
                        </ul>
                    </nav>
                </div>
                <div class="header_right">
                    <div class="header_search_icon_wrap">
                        <div class="header_search_icon" title="搜索">
                            <i class="iconfont icon-sousuo"></i>
                        </div>
                    </div>
                    <div class="header_search_wrap">
                        <form class="header_search_form" action="/?keyword">
                            <input id="header_search_input" class="header_search_input" type="text" name="keyword"
                                placeholder="输入关键字搜索" autocomplete="off">
                            <label for="header_search_input" class="header_search_btn" tabindex="0">
                                <i class="iconfont icon-sousuo"></i>
                            </label>
                            <div class="search_history">
                                <div class="search_history_head">
                                    <span class="search-history-head-title">搜索历史</span>
                                    <span class="search_history_clear_btn">清空</span>
                                </div>
                                <div class="search_history_list"></div>
                            </div>
                        </form>

                        <a class="header_article_btn login" href="javascript:;" title="控制台">控制台</a>
                    </div>
                    <button class="header-login-btn">登录</button>
                </div>
            </div>
        </div>
    </header>

    <div class="login-dialog ">
        <div class="login-dialog-content-wrap">
            <div class="login-dialog-mask"></div>
            <div class="login-dialog-content">
                <div class="login-dialog-close">
                    <i class="iconfont icon-guanbi login-dialog-close-icon"></i>
                </div>
                <div class="login-dialog-head">
                    <h2 class="login-dialog-title">登录</h2>
                </div>
                <div class="login-dialog-body">
                    <div class="login-dialog-body-left">
                        <div class="login-dialog-body-left-title">账号密码登录</div>
                        <form class="login-dialog-form"
                            action="https://blog.13log.cn/index.php/action/login?_=dc90d088aedbca3a995072a159c33ae0"
                            method="post" name="login" rold="form">
                            <input type="hidden" name="referer" value="https://blog.13log.cn/" required>
                            <div class="login-dialog-input-group username">
                                <input type="text" name="username" placeholder="请输入账号" autocomplete="on" required
                                    pattern="\S+.*">
                                <img class="panfish-img greeting" title="11" src="/assets/img/login/greeting.png">
                            </div>
                            <div class="login-dialog-input-group password">
                                <input type="password" name="password" placeholder="请输入密码" autocomplete="on" required
                                    pattern="\S+.*">
                                <img class="panfish-img blindfold" title="11" src="/assets/img/login/blindfold.png">
                            </div>
                            <div class="login-dialog-input-group remember">
                                <label class="remember-label" for="remember">
                                    <input type="checkbox" name="remember" class="checkbox" value="1" id="remember">
                                    <span class="login-dialog-input-checkbox">
                                        <i class="iconfont icon-duihao login-dialog-input-checkbox-icon"></i>
                                    </span>
                                    <span class="login-dialog-input-checkbox-text">记住账号</span>
                                </label>
                            </div>
                            <div class="login-dialog-input-group submit">
                                <button class="login-dialog-form-btn">登录</button>
                            </div>
                            <img class="panfish-img normal" title="11" src="/assets/img/login/normal.png">
                        </form>
                    </div>
                    <div class="login-dialog-body-right">
                        <div class="login-dialog-qrcode-title">扫码登录</div>
                        <div class="login-dialog-qrcode">
                            <img class="login-dialog-qrcode-img" src="/assets/img/login/qrcode.png" alt="扫码登录">
                        </div>
                        <div class="login-dialog-qrcode-tips">请使用手机扫码登录</div>
                    </div>
                </div>
                <div class="login-dialog-footer">
                    注册登录即表示同意<a class="login-dialog-link" href="javascript:;" title="用户协议">用户协议</a>和<a
                        class="login-dialog-link" href="javascript:;" title="隐私政策">隐私政策</a>
                </div>
            </div>
        </div>
    </div>

    <div class="banner">
        <div class=" container">

            <!-- 个人资料卡片 -->
            <div class="meBox">
                <!-- 头像 -->
                <div class="headPhoto"></div>
                <!-- 介绍 -->
                <div class="meBox-title">
                    <p>I'm yu_十三</p>
                    <div class="fg"></div>
                </div>
                <div class="meBox-text">
                    <p>一条咸鱼<img src="/assets/img/fish.png" alt="咸鱼" style="width: 20px; vertical-align: middle;"></p>
                    <p>爱好篮球，计算机</p>
                    <p>瞎折腾浪费时间最在行</p>
                    <p>最爱<img src="/assets/img/icecream.png" alt="冰激凌" style="width: 15px; vertical-align: middle;"></p>
                </div>

            </div>

            <!-- 伪终端介绍 -->
            <div id="cmdBox">
                <!-- 第一个终端 -->
                <div class="cmd">
                    <!-- 三个按钮 -->
                    <div class="click">
                        <div class="red"></div>
                        <div class="yellow"></div>
                        <div class="green"></div>
                    </div>
                    <!-- 顶部标题 -->
                    <div class="title">
                        <span>lovewmn - bash</span>
                    </div>
                    <!-- 终端内文字 -->
                    <div class="cmdText">
                        <span style="color: rgb(0, 190, 0);">root@nutssss</span>
                        <span style="color: blue;">~</span>
                        <span style="color: rgb(39, 39, 39);">./tianqi.sh</span>
                        <br />

                        <br />
                        <span style="color: rgb(0, 190, 0);">root@nutssss</span>
                        <span style="color: blue;">~</span>
                        <span style="color: rgb(39, 39, 39);">cat /me.txt</span>
                        <p>爱好计算机，会去自学自己感兴趣的一切东西</p>
                        <p>略懂H5,PHP,SQL; 爱好折腾去解决一切问题</p>
                        <p>这条路我才刚刚迈开了我的第一步</p>
                        <p>路上的坎一定会非常多，但</p>
                        <p>在我眼里</p>
                        <p>没有什么问题是尝试不能解决的，如果有那就多尝试几次甚至上百次</p>
                        <p>即使前方的路看似绝境，也要有硬生生给自己开出一条路的勇气</p>
                        <span style="color: rgb(0, 190, 0);">root@nutssss</span>
                        <span style="color: blue;">~</span>
                        <span style="color: rgb(39, 39, 39);">sudo rm -rf /过去的自己/*</span>
                    </div>
                </div>
                <!-- 第二个终端 -->
                <div class="cmd cmd2">
                    <!-- 三个按钮 -->
                    <div class="click">
                        <div class="red"></div>
                        <div class="yellow"></div>
                        <div class="green"></div>
                    </div>
                    <!-- 顶部标题 -->
                    <div class="title">
                        <span>lovewmn - bash</span>
                    </div>
                    <!-- 终端内文字 -->
                    <div class="cmdText">
                        <span style="color: rgb(0, 190, 0);">root@nutssss</span>
                        <span style="color: blue;">~</span>
                        <span style="color: rgb(39, 39, 39);">./emo.sh</span>
                        <p>
                            这世界说不出口的话太多了「你能不能陪我去」「你能不能留下来」<br />
                            「你能不能帮帮我」「你对我很重要，所以我不希望你走」<br />
                            到最后哽咽说出口的却是「没关系我可以的」「你走吧， 再见，我一个人更好呢」。
                        </p>
                        <span style="color: rgb(0, 190, 0);">root@nutssss</span>
                        <span style="color: blue;">~</span>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!-- 页面标题 -->
    <div class="header_title container">
        <h1>热门API服务</h1>
        <p>精选高质量API服务, 助力开发者快速构建应用, 提升开发效率</p>
    </div>

    <!-- 卡片容器 -->
    <main>
        <div class="container">
            <div class="card-grid">

                {foreach $list as $key=>$vo}
                <!-- Apifox Echo卡片 -->
                <a href="/doc/{$vo.alias}" class="card apifox">
                    <div class="icon-title-container">
                        <div class="card-icon">
                            <!-- <i class="fa fa-code"></i> -->
                            <img class="api_icon" src="{$vo.icon}">
                        </div>

                        <div>
                            <h2 class="card-title"> {$vo.title} </h2>
                            <div class="card-meta">
                                <span><i class="fa fa-eye"></i> {$vo.view} </span>
                                <!-- <span><i class="fa fa-star"></i> 4,096</span> -->
                            </div>
                        </div>
                    </div>

                    <p class="card-desc">{$vo.desc}</p>

                    <span class="card-tag">{$vo.sort}</span>
                </a>
                {/foreach}

            </div>
        </div>
    </main>




    <footer class="footer">
        <!--Waves Container-->
        <div>
            <svg class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto">
                <defs>
                    <path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z">
                    </path>
                </defs>
                <g class="parallax">
                    <use xlink:href="#gentle-wave" x="48" y="0" fill="rgba(255,255,255,0.7"></use>
                    <use xlink:href="#gentle-wave" x="48" y="3" fill="rgba(255,255,255,0.5)"></use>
                    <use xlink:href="#gentle-wave" x="48" y="5" fill="rgba(255,255,255,0.3)"></use>
                    <use xlink:href="#gentle-wave" x="48" y="7" fill="#fff"></use>
                </g>
            </svg>
        </div>
        <!--Waves end-->


        <!--Header ends-->

        <!--Content starts-->
        <div class="footer-content content flex">
            <div class="footer_info">
                <div class="footer-item">

                </div>
                <script async=""
                    src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6856854061622031"
                    crossorigin="anonymous" data-checked-head="true"></script>
            </div>
            <p> 备案号: </p>

        </div>
        <!--Content ends-->
    </footer>


    <script src="/assets/js/main.js"> </script>
</body>

</html>